
<!--
网页就是一个描述人机交互界面的文本文件而已
网页必须在浏览器中呈现(渲染)

网页包含了一些标签
    这些标签就是用来描述网页内容和结构的叫html 语言
    分为两类
    开放
    封闭
html (毛坯房)
网页基本结构和内容
    头 head

    body

css (装修)
展示网页外观

-->



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2002班程序员之家</title>

    <style>
        img{
            display: inline-block;
        }
        h1{
            display: inline-block;
            font-size: 30px;
        }

        div{
            margin-left: 100px;
        }
        a{
            text-decoration: none;
            color:#666;
            font-weight: bold;
        }
        a:hover{
            color:#b20000;
            text-decoration: none;
            font-weight: bold;

        }


    </style>
    <script src="../static/js/jquery-1.11.1.min.js"></script>


</head>
<body>
<img src="../static/images/fs.jpg" height="80" width="280"/>
<h1>欢迎来到景德镇陶瓷大学开发者之家</h1>

<div>
    <h2>随便玩,随便逛</h2>
    <p>诞生于2020-10-12</p>
    <p><a href="/upload">菜品识别程序</a></p>
    <p><a href="/uploadljfl">定制化垃圾分类识别程序</a></p>
    <img src="../static/images/Martin.png" height="300" width="300" id="mg"


    />


</div>
<script>
    function change() {
        imgobj=document.getElementById('mg')
        imgobj.src='../static/images/huge.jpg'
    }

    $(document).ready(function () {
        $('#mg').click(function () {
            console.log('hah')
            $('#mg').attr('src','../static/images/huge.jpg')
        })
    })


</script>

</body>
</html>